<form name="userForm" id="userForm">
<table width="65%" height="97" border="1" class="common">
  <tr class="odd">
    <th width="25%" align="right" scope="row">Account</th>
    <td width="75%">
      <input type="text" name="id" id="id" class="txt"/>&nbsp;&nbsp;
      <span class="check"></span>
    </td>
  </tr>
  <tr>
    <th align="right" scope="row">Password</th>
    <td>
      <input type="password" id="pass" name ="pass" class="txt"/>
    </td>
  </tr>
  <tr class="odd">
    <th align="right" scope="row">Confirm Password</th>
    <td>
      <input type="password" id="confpass" class="txt"/>
    </td>
  </tr>
  <tr>
    <th align="right" scope="row">Group</th>
    <td>
      [#if tag_list??]
      	 <select id="group" name="group.id">
  	    	<option value=""></option>
      	    [#list tag_list as g]
      	 		<option value="${g.id}">${g.name}</option>
      	 	[/#list]
      	 </select>
      [#else]
         group exception
      [/#if]
      </td>
  </tr>
  <tr class="odd">
    <th align="right" scope="row">Limit Date</th>
    <td><input type="text" id="limit" name ="limit" value="${temp}" class="txt"/>&nbsp;&nbsp;Format: yyyy-MM-dd</td>
  </tr>
  <tr>
    <th align="right" scope="row"></th>
    <td>
      <input type="submit" class="form-button" id="button" value="Add" onclick="return validAddorUpdateUser(true);" />
      <input type="reset" class="form-button"  id="button2" value="Reset" />
    </td>
  </tr>
</table>
</form>
<script>
	$(function(){
		$('#id').blur(function(){checkUserExist();});
	});
</script>